import { defineStore } from "pinia";
import { reactive } from "vue";
import { generateId } from "@/utils/id";
export interface EditCargo {
    x:number
    y:number
    id:number
}

export const useEditCargoStore = defineStore('editCargoStore',() => {
   const cargos = reactive<EditCargo[]>([])

    function createCargo({x,y}:{x:number,y:number}):EditCargo {
        return {
            x,
            y,
            id:generateId()
        }
    }
    function addCargo(cargo:EditCargo) {
        cargos.push(cargo)
    }
    function removeCargo(cargo:EditCargo) {
        cargos.splice(cargos.indexOf(cargo),1)
    }

   return {
    cargos,
    createCargo,
    removeCargo,
    addCargo
   }
})